{
  "settings": {
    "hasHeaders": true,
    "constrainDragToContainer": true,
    "reorderEnabled": true,
    "selectionEnabled": false,
    "popoutWholeStack": false,
    "blockedPopoutsThrowError": true,
    "closePopoutsOnUnload": true,
    "showPopoutIcon": false,
    "showMaximiseIcon": false,
    "showCloseIcon": false,
    "responsiveMode": "onload",
    "tabOverlapAllowance": 0,
    "reorderOnTabMenuClick": true,
    "tabControlOffset": 10
  },
  "dimensions": {
    "borderWidth": 5,
    "borderGrabWidth": 15,
    "minItemHeight": 10,
    "minItemWidth": 10,
    "headerHeight": 20,
    "dragProxyWidth": 300,
    "dragProxyHeight": 200
  },
  "labels": {
    "close": "close",
    "maximise": "maximise",
    "minimise": "minimise",
    "popout": "open in new window",
    "popin": "pop in",
    "tabDropdown": "additional tabs"
  },
  "content": [
    {
      "type": "row",
      "isClosable": true,
      "reorderEnabled": true,
      "title": "",
      "content": [
        {
          "type": "stack",
          "width": 50,
          "isClosable": true,
          "reorderEnabled": true,
          "title": "",
          "activeItemIndex": 0,
          "content": [
            {
              "type": "component",
              "componentName": "codeEditor",
              "title": "* Untitled",
              "componentState": {
                "code": [
                  "const height = Slider(\"Height\", 96, 24, 196, true, 1, 0)",
                  "const width = Slider(\"Width\", 72, 24, 196, true, 1, 0)",
                  "const depth = Slider(\"Depth\", 10, 6, 24, true, 1, 0)",
                  "const material_thickness = .75",
                  "const num_shelves = Slider(\"Num of Shelves\", 8, 1, 12, true, 1, 0)",
                  "const footer_height = 4",
                  "const max_span = 40",
                  "",
                  "const sideboard = (factor = 1) => Translate([0, factor * (width - material_thickness) / 2, height / 2], Box(depth, material_thickness, height, true))",
                  "",
                  "sideboard()",
                  "sideboard(-1)",
                  "",
                  "Translate([0,0,height + material_thickness / 2], Box(depth, width, material_thickness, true))",
                  "",
                  "const shelf = (offset = footer_height) => Translate([0, 0, offset],",
                  "    Box(depth, width - material_thickness, material_thickness, true))",
                  "",
                  "const spacing = (height - material_thickness - footer_height) / num_shelves",
                  "for (let i = footer_height; i <= height - spacing; i += spacing) {",
                  "    shelf(i)",
                  "}",
                  "",
                  "// Just for fun ",
                  "const num_supports = Math.floor(width / max_span)",
                  "const support_spacing = width / num_supports",
                  "for (let j = 1; j <= num_supports; j++) {",
                  "    Translate([-depth / 2, j / (num_supports + 1) * width - (width - material_thickness) / 2, 0], ",
                  "        Box(depth, material_thickness, height))",
                  "}"
                ]
              },
              "width": 50,
              "isClosable": false,
              "reorderEnabled": true
            }
          ]
        },
        {
          "type": "column",
          "isClosable": true,
          "reorderEnabled": true,
          "title": "",
          "width": 50,
          "content": [
            {
              "type": "stack",
              "height": 80,
              "isClosable": true,
              "reorderEnabled": true,
              "title": "",
              "activeItemIndex": 0,
              "content": [
                {
                  "type": "component",
                  "componentName": "cascadeView",
                  "title": "CAD View",
                  "componentState": {
                    "componentName": "cascadeView",
                    "MeshRes": 0.1,
                    "MeshResRange": [
                      0.01,
                      2
                    ],
                    "Cache?": true,
                    "Radius": 30,
                    "RadiusRange": [
                      20,
                      40
                    ]
                  },
                  "isClosable": false,
                  "reorderEnabled": true
                }
              ]
            },
            {
              "type": "stack",
              "height": 20,
              "isClosable": true,
              "reorderEnabled": true,
              "title": "",
              "activeItemIndex": 0,
              "content": [
                {
                  "type": "component",
                  "componentName": "console",
                  "title": "Console",
                  "componentState": {},
                  "height": 20,
                  "isClosable": false,
                  "reorderEnabled": true
                }
              ]
            }
          ]
        }
      ]
    }
  ],
  "isClosable": true,
  "reorderEnabled": true,
  "title": "",
  "openPopouts": [],
  "maximisedItemId": null
}